@import '~vant/es/style/base.less';

.global-word-break {
  word-break: break-all;
  line-height: @line-height-base;
}
.global-color-secondary {
  color: @text-color-secondary;
}
.global-color-sub {
  color: @text-color-sub;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
i,
dl,
dt,
dd,
ol,
ul,
li,
label,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
audio,
video,
input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
}

// 修复vant不同组件样式覆盖问题
#app {
  .van-field__label {
    flex: none;
  }
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-size: @font-size-md;
  line-height: @line-height-base;
  color: @text-color;
  background-color: @background-color;
}
body {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div {
  box-sizing: border-box;
}

a {
  color: @primary-color;

  &:link,
  &:visited,
  &:hover,
  &:active {
    // color: @primary-color;
    color: #323233;
  }
}

li {
  list-style: none;
}

@size: 15px !important;
@top: -7px !important;
@left: -7.5px !important;

.cropper {
  z-index: 999;
}

.dot-bc[data-v-eceba84e],
.dot-bl[data-v-eceba84e],
.dot-lc[data-v-eceba84e],
.dot-rb[data-v-eceba84e],
.dot-rc[data-v-eceba84e],
.dot-tc[data-v-eceba84e],
.dot-tl[data-v-eceba84e],
.dot-tr[data-v-eceba84e] {
  width: @size;
  height: @size;
}
.dot-tl[data-v-eceba84e] {
  top: @top;
  left: @top;
}
.dot-tc[data-v-eceba84e] {
  top: @top;
  margin-left: @left;
}
.dot-tr[data-v-eceba84e] {
  top: @top;
  right: @top;
}
.dot-rc[data-v-eceba84e] {
  right: @top;
  margin-top: @left;
}
.dot-rb[data-v-eceba84e] {
  bottom: @top;
  right: @top;
}
.dot-bc[data-v-eceba84e] {
  bottom: @top;
  margin-left: @left;
}
.dot-bl[data-v-eceba84e] {
  bottom: @top;
  left: @top;
}
.dot-lc[data-v-eceba84e] {
  left: @top;
  margin-top: @left;
}
.plr-5w{
  padding: 0 5vw;
};
.mt-5{
  margin-top: 5px;
}
.mt-10{
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mb-20{
  margin-bottom: 20px;
}
.mb-10{
  margin-bottom: 10px;
}
.mtb-40{
  margin: 40px 0;
}
.mtb-60{
  margin: 60px 0;
}
.w-45b{
  width: 45%;
}
.w-40b{
  width: 40%;
}
.w-70b{
  width: 70%;
}
.w-80b{
  width: 80%;
}
.w-90b{
  width: 90%;
}
.w-100b{
  width: 100%;
}
.lh-1{
  line-height: 1;
}
.no-wrap{
  white-space: nowrap!important;
}
.flex-blank{
  flex: 1 1 auto;
}
.align-center {
  text-align: center;
}
.gray-6 {
  color: @gray-6!important;
}
.gray-9 {
  color: #999999!important;
}
.blue {
  color: @blue!important;
}
.blue-1 {
  color: #888c98!important;
}
.white{
  color: white!important;
}
.red{
  color: red;
}
.green{
  color: @green;
}
.golden{
  color: #fdf0a3!important;
}
.yellow{
  color: #ffd047!important;
}
.light-red {
  color: #ffa9a5c4;
}
.fs-12{
  font-size: 12px;
}
.fs-14{
  font-size: 14px;
}
.fs-16{
  font-size: 16px;
}
.fs-18{
  font-size: 18px;
}
.fs-20{
  font-size: 20px;
}
.fs-24{
  font-size: 24px;
}
.fs-30{
  font-size: 30px;
}
.fs-40{
  font-size: 40px;
}
.white-bg{
  background: #fff;
}
.h-40 {
  height: 40px;
}
.flex-center{
  display: flex!important;
  justify-content: center;
  align-items: center;
}
.flex-cb{
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.flex-sc{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-v-between{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.flex-v-center{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.underline{
  text-decoration: underline;
}
mark.unicode {
  background-color: transparent;
  font-family: Arial, "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Symbol";
}
.rules-text {
  color: #ffffff;
  font-size: 14px;
  padding: 0 20px;
  margin-bottom: 16px;
  word-break: break-all;
}
.deploy-list-head .van-cell__label {
  margin-top: 1.45rem;
}
.deploy-detail-head.van-cell {
  background-color: @blue!important;
  a,span:not(.van-button__text){
    color: white;
  }
}

.van-image--round.deploy-logo{
  border: solid 1px #ddd;
}

.van-image--round.deploy-logo img {
  width: 90%;
  height: auto;
  border-radius: unset;
}